/***** Animations ****/
@keyframes SlideIn {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.SlideIn {
    animation: SlideIn 1s ease-in-out forwards;
}

@keyframes SlideOut {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.SlideOut {
    animation: SlideOut 1s ease-in-out forwards;
}